<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>志愿者服务信息网</title>
		<link rel="shortcut icon" type="image/x-icon" href="https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20181120/20181120103218126806518.jpg" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/layer.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/registe.css" />
	</head>

	<body>
				<!--top头部标题栏-->
		<div id="top">
			<div class="top_show1">
				<p id="top_t">
					<span id="login">亲，请登录</span><span id="loginOut">退出</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="registe_volunteer">志愿者注册</span>/<span id="registe_team">志愿团体注册</span>
				</p>
			</div>
			<div class="top_show2">
				<div class="top_m">
					<div class="logo">
						<img src="img/logo.jpg" />
						<div class="volunteer">
							<p>
								<a class="top_tittle" href="#">天津市滨海新区志愿者服务信息网</a>
							</p>
							<p>
								<a class="top_address" href="#">www.tjbhzyz.com</a>
							</p>
						</div>

					</div>
					<div class="search">
						<p class="sousuo_type" data-id="1">活动</p>
						<div class="search_type">
							<p data-id="1">活动</p>
							<p data-id="2">团队</p>
						</div>
						<input type="text" name="info" id="info" value="" placeholder="请输入搜索内容" />
						<p id="search"><img src="img/sercher.png" /></p>
					</div>
					<div id="help">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>求助中心</p>
					</div>
					<div id="phone_vl">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>志愿者平台手机版</p>
					</div>
				</div>
			</div>

			<!--导航栏-->
			<div class="top_show3">
				<div id="nav">
					<p id="vl_home">网站首页</p>
					<p id="vl_active">志愿活动</p>
					<p id="vl_team">志愿团队</p>
					<p id="vl_integral">积分兑换</p>
					<p id="vl_center">志愿中心</p>
				</div>
			</div>		
		</div>

		<div id="main">
			<div class="registe_type">
				<p class="type_vl">志愿者注册</p>
				<p class="type_tm">志愿者团体注册</p>
			</div>
			<div class="main">
				<!--志愿者团队注册-->
				<div id="vt_registe">
					<!--账号信息-->
					<p class="r_p1"><span class="line"></span>账号信息</p>
					<div>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">用户名:</span>
							</span>
							<input type="text" name="username" id="username" value="" placeholder="用户名" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">密码:</span>
							</span>
							<input type="password" name="passward" id="passward" value="" placeholder="密码" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">确认密码:</span>
							</span>
							<input type="password" name="passward1" id="passward1" value="" placeholder="确认密码" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">邮箱:</span>
							</span>
							<input type="emaila" name="mail" id="mail" value="" placeholder="邮箱" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
					</div>
					<!--团队基本信息-->
					<p class="r_p1"><span class="line"></span>团队基本信息</p>
					<div class="d_1">
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">志愿团体名称:</span>
							</span>
							<input type="text" name="team_name" id="team_name" value="" placeholder="志愿者团队名称" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">志愿团体描述:</span>
							</span>
							<textarea id="description" name="" rows="" cols=""></textarea>
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">主管单位类型:</span>
							</span>
							<select id="competent_type" name="competent_type ">
								<option value="请选择">请选择</option>
								<option value="党政机关">党政机关</option>
								<option value="教育事业单位">教育事业单位</option>
								<option value="卫生事业单位">卫生事业单位</option>
								<option value="科技事业单位">科技事业单位</option>
								<option value="文化事业单位">文化事业单位</option>
								<option value="社会福利事业单位">社会福利事业单位</option>
								<option value="其他事业单位">其他事业单位</option>
								<option value="群团组织">群团组织</option>
								<option value="居委会或村委会">居委会或村委会</option>
								<option value="国有企业">国有企业</option>
								<option value="非国有企业">非国有企业</option>
								<option value="其他">其他</option>
							</select>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">主管单位名称:</span>
							</span>
							<input type="text" name="competent_name" id="competent_name" value="" placeholder="主管单位名称" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">详细地址:</span>
							</span>
							<input type="text" name="competent_address" id="competent_address" value="" placeholder="详细地址" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">服务区域:</span>
							</span>
							<select id="t_address_type" name="t_address_type ">
							</select>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">招募人数:</span>
							</span>
							<input type="number" name="competent_num" id="competent_num" value="" placeholder="招募人数" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<div class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">服务类别:</span>
							</span>
							<p class="right" id="server_type">
								<span><input type="checkbox" name="" id="type1" value="社区服务" />
								<label for="type1">社区服务</label>
								</span>
								<span><input type="checkbox" name="" id="type2" value="赛会服务" />
								<label for="type2">赛会服务</label>
								</span>
								<span><input type="checkbox" name="" id="type3" value="关爱服务" />
								<label for="type3">关爱服务</label>
								</span>
								<span><input type="checkbox" name="" id="type4" value="文化教育" />
								<label for="type4">文化教育</label>
								</span>
								<span><input type="checkbox" name="" id="type5" value="在线服务" />
								<label for="type5">在线服务</label>
								</span>
							</p>
							<span class="tishi"></span>
						</div>
						<div class="filePhoto uploadImg" id="logoUrl">
							<div class="fileBox">
								<p><img src="img/qqzone.png" class="add-img" id="vt_img"></p>
								<p id="upimg">上传图片<input type="file" name="file" id="vt_up" class="fileImg" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/></p>
								<p class="">宽300像素×高300像素，大小不超过200k</p>
							</div>
						</div>
					</div>
					<!--联系人信息-->
					<div>
						<p class="r_p1"><span class="line"></span>联系人信息</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">联系人姓名:</span>
							</span>
							<input type="text" name="contacts_name" id="contacts_name" value="" placeholder="联系人姓名" autocomplete="off" />
							<!--<select id="show_info1" name="show_info ">
								<option value="公开">公开</option>
								<option value="不公开">不公开</option>
							</select>-->
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">联系人电话:</span>
							</span>
							<input type="text" name="contacts_phone" id="contacts_phone" value="" placeholder="联系人电话" autocomplete="off" />
							<!--<select id="show_info2" name="show_info ">
								<option value="公开">公开</option>
								<option value="不公开">不公开</option>
							</select>-->
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red"></span>
							<span class="info">联系人QQ:</span>
							</span>
							<input type="text" name="contacts_qq" id="contacts_qq" value="" placeholder="联系人QQ" autocomplete="off" />
						</p>

					</div>
					<!--负责人信息(此项信息不公开)-->
					<div>
						<p class="r_p1"><span class="line"></span>负责人信息(此项信息不公开)</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">负责人姓名:</span>
							</span>
							<input type="text" name="person_name" id="person_name" value="" placeholder="负责人姓名" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">负责人身份证:</span>
							</span>
							<input type="text" name="person_IDcard" id="person_IDcard" value="" placeholder="负责人身份证" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">负责人手机:</span>
							</span>
							<input type="text" name="person_phone" id="person_phone" value="" placeholder="负责人电话" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>

					</div>
					<p id="volunteer_team_registe">申请成为志愿团队</p>
				</div>
				<!--志愿者注册-->
				<div id="vl_registe">
					<!--账号信息-->
					<p class="r_p1"><span class="line"></span>账号信息</p>
					<div>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">用户名:</span>
							</span>
							<input type="text" name="v_username" id="v_username" value="" placeholder="用户名" autocomplete="off" /><span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">密码:</span>
							</span>
							<input type="password" name="v_passward" id="v_passward" value="" placeholder="密码" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">确认密码:</span>
							</span>
							<input type="password" name="v_passward1" id="v_passward1" value="" placeholder="确认密码" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">邮箱:</span>
							</span>
							<input type="emaila" name="v_mail" id="v_mail" value="" placeholder="邮箱" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
					</div>
					<!--志愿者基本信息-->
					<p class="r_p1"><span class="line"></span>志愿者基本信息</p>
					<div class="d_1">
						<!--<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">国家:</span>
							</span>
							<input type="text" name="country" id="country" value="" placeholder="国家" />
						</p>-->
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">真实姓名:</span>
							</span>
							<input type="text" name="v_name" id="v_name" value="" placeholder="真实姓名" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">证件类型:</span>
							</span>
							<select id="card_type" name="card_type ">
								<option value="内地居民身份证">内地居民身份证</option>
							</select>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">证件号码:</span>
							</span>
							<input type="text" name="card_num" id="card_num" value="" placeholder="证件号码" autocomplete="off" />
							<span class="tishi">dsfsdfsfssd</span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">性别:</span>
							</span>
							<input type="radio" name="sex" id="boy" value="0" />男
							<input type="radio" name="sex" id="girl" value="1" />女
							<span class="tishi1"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">出生年月:</span>
							</span>
							<input type="date" name="birth_time" id="birth_time" value="" placeholder="出生日期" autocomplete="off" />
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">政治面貌:</span>
							</span>
							<select id="politics_type" name="politics_type ">
								<!--								<option value="请选择">请选择</option>-->
								<option value="党员">党员</option>
								<option value="团员">团员</option>
								<option value="群众">群众</option>
								<option value="其他">其他</option>
							</select>
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">民族:</span>
							</span>
							<input type="text" name="nation" id="nation" value="" placeholder="民族" autocomplete="off" />
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">籍贯:</span>
							</span>
							<input type="text" name="nation_place" id="nation_place" value="" placeholder="籍贯" autocomplete="off" />
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">手机号码:</span>
							</span>
							<input type="text" name="v_phone" id="v_phone" value="" placeholder="手机号码" maxlength="11" autocomplete="off" />
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">详细地址:</span>
							</span>
							<input type="text" name="v_address" id="v_address" value="" placeholder="详细地址" autocomplete="off" />
							<span class="tishi"></span>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">最高学历:</span>
							</span>
							<select id="school_type" name="school_type ">
								<option value="请选择">请选择</option>
								<option value="研究生及以上">研究生及以上</option>
								<option value="本科">本科</option>
								<option value="大专">大专</option>
								<option value="高中">高中</option>
								<option value="初中及以下">初中及以下</option>
							</select>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">从业状况:</span>
							</span>
							<select id="job_type" name="job_type ">
								<option value="请选择">请选择</option>
								<option value="国家公务员">国家公务员</option>
								<option value="专业技术人员">专业技术人员</option>
								<option value="职员">职员</option>
								<option value="企业管理人员">企业管理人员</option>
								<option value="工人">工人</option>
								<option value="农民">农民</option>
								<option value="学生">学生</option>
								<option value="教师">教师</option>
								<option value="现役军人">现役军人</option>
								<option value="自由职业者">自由职业者</option>
								<option value="个体经营者">个体经营者</option>
								<option value="无业人员">无业人员</option>
								<option value="退(离)休人员">退(离)休人员</option>
								<option value="其他">其他</option>
							</select>
						</p>
						<p class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">服务区域:</span>
							</span>
							<select id="address_type" name="address_type ">
							</select>
						</p>
						<div class="userinfo">
							<span class="left">
							<span class="red">*</span>
							<span class="info">服务类别:</span>
							</span>
							<p class="right" id="v_server_type">
								<span><input type="checkbox" name="" id="lx1" data-id="1" value="社区服务" />
								<label for="lx1">社区服务</label>
								</span>
								<span><input type="checkbox" name="" id="lx2" data-id="2" value="赛会服务" />
								<label for="lx2">赛会服务</label>
								</span>
								<span><input type="checkbox" name="" id="lx3" data-id="3" value="关爱服务" />
								<label for="lx3">关爱服务</label>
								</span>
								<span><input type="checkbox" name="" id="lx4" data-id="4" value="文化教育" />
								<label for="lx4">文化教育</label>
								</span>
								<span><input type="checkbox" name="" id="lx5" data-id="5" value="在线服务" />
								<label for="lx5">在线服务</label>
								</span>
							</p>
							<span class="tishi"></span>
						</div>
						<div class="filePhoto uploadImg" id="logoUrl">
							<div class="fileBox">
								<p><img src="img/qqzone.png" class="add-img" id="vl_img"></p>
								<p id="upimg">上传图片<input type="file" name="file" id="vl_up" class="fileImg" value="" accept="image/jpg,image/jpeg,image/png,image/bmp" multiple/></p>
								<p class="">宽300像素×高300像素，大小不超过200k</p>
							</div>
						</div>
					</div>
					<!--服务领域或行业-->
					<div>
						<p class="r_p1"><span class="line"></span>服务领域或行业</p>
						<p class="right" id="server_job">
							<span><input type="checkbox" name="" id="sever1" data-id="1" value="扶贫济困志愿者" />
								<label for="sever1">扶贫济困志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever2" data-id="2" value="社区志愿者" />
								<label for="sever2">社区志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever3" data-id="3" value="青年志愿者" />
								<label for="sever3">青年志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever4" data-id="4" value="文明志愿者" />
								<label for="sever4">文明志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever5" data-id="5" value="文化志愿者" />
								<label for="sever5">文化志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever6" data-id="6" value="医疗志愿者" />
								<label for="sever6">医疗志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever7" data-id="7" value="教育志愿者" />
								<label for="sever7">教育志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever8" data-id="8" value="助残志愿者" />
								<label for="sever8">助残志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever9" data-id="9" value="巾帼志愿者" />
								<label for="sever9">巾帼志愿者</label>
								</span>
							<span><input type="checkbox" name="" id="sever10" data-id="10" value="红十字志愿者" />
								<label for="sever10">红十字志愿者</label>
								</span>
						</p>
					</div>
					<p id="volunteer_people_registe">申请成为实名注册志愿者</p>
				</div>
			</div>
		</div>

		<!--底部备案号-->
		<div class="bottom">
			<div id="bottom_nav">
				<p id="link_us">联系我们</p>
				<p id="about_us">关于我们</p>
				<p id="set_home">设为首页</p>
			</div>
			<p class="bottom_p">备案号:津246541561561655天津滨海新区志愿服务网</p>
		</div>

	</body>
	<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=544e65a7e9e11d0b0a4f4bb04b06e8c8"></script>
	<script src="js/imgUp.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/registe.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		/* 高德地图start */
		var windowsArr = [];
		var marker = [];
		var longitude, latitude, addressName;
		var map = new AMap.Map("mapContainer", {
			resizeEnable: true,
			center: [116.397428, 39.90923], //地图中心点
			zoom: 13, //地图显示的缩放级别
			keyboardEnable: false
		});
		AMap.plugin(['AMap.Autocomplete', 'AMap.PlaceSearch'], function() {
			var autoOptions = {
				city: "天津", //城市，默认全国
				input: "v_address" //使用联想输入的input的id
			};
			autocomplete = new AMap.Autocomplete(autoOptions);
			var placeSearch = new AMap.PlaceSearch({
				city: '天津',
				map: map
			})
			AMap.event.addListener(autocomplete, "select", function(e) {
				var location = e.poi.location;
				console.log(location)
				longitude = location.lng;
				latitude = location.lat;
				addressName = e.poi.name;
				console.log(longitude + "-----" + latitude + '------' + addressName)
				//TODO 针对选中的poi实现自己的功能
				placeSearch.setCity(e.poi.adcode);
				placeSearch.search(e.poi.name)

				/* 选择定位后，更新省市区的显示 */
				console.log(e)
				var district = e.poi.district;
			});
		});
		/* 高德地图end */
		/* 高德地图start */
		var windowsArr = [];
		var marker = [];
		var t_longitude, t_latitude, t_addressName;
		var map = new AMap.Map("mapContainer", {
			resizeEnable: true,
			center: [116.397428, 39.90923], //地图中心点
			zoom: 13, //地图显示的缩放级别
			keyboardEnable: false
		});
		AMap.plugin(['AMap.Autocomplete', 'AMap.PlaceSearch'], function() {
			var autoOptions = {
				city: "天津", //城市，默认全国
				input: "competent_address" //使用联想输入的input的id
			};
			autocomplete = new AMap.Autocomplete(autoOptions);
			var placeSearch = new AMap.PlaceSearch({
				city: '天津',
				map: map
			})
			AMap.event.addListener(autocomplete, "select", function(e) {
				var location = e.poi.location;
				console.log(location)
				t_longitude = location.lng;
				t_latitude = location.lat;
				t_addressName = e.poi.name;
				console.log(t_longitude + "-----" + t_latitude + '------' + t_addressName)
				//TODO 针对选中的poi实现自己的功能
				placeSearch.setCity(e.poi.adcode);
				placeSearch.search(e.poi.name)

				/* 选择定位后，更新省市区的显示 */
				console.log(e)
				var district = e.poi.district;
			});
		});
		/* 高德地图end */
		//上传图片
		var vlImg;
		var vtImg;
		$(".fileBox").on('click', '#vl_up', function() {
			console.log(111111)
			$("#vl_up").takungaeImgup({
				formData: {
					'filesname': 'imageFile'
				},
				url: apicom + '/webadmin/fileupload/image',
				maxImage: 1,
				success: function(data) {
					console.log(data)
				},
				error: function(err) {
					console.log(err)
				}
			});
		})
		$(".fileBox").on('click', '#vt_up', function() {
			console.log(111111)
			$("#vt_up").takungaeImgup({
				formData: {
					'filesname': 'imageFile'
				},
				url: apicom + '/webadmin/fileupload/image',
				maxImage: 1,
				success: function(data) {
					vtImg = data.data
					$('#vt_img').attr('src', vtImg)
				},
				error: function(err) {
					console.log(err)
				}
			});
		})
	</script>

</html>